* {
	margin: 0;
	color: inherit;
	font: inherit;
	text-shadow: inherit;
}

body {
	background: hsl(30,20%,30%) url(../img/noise.png);
	color: white;
	-webkit-font-smoothing: antialiased; /* fix for WebKit inconsistency */
}

code, pre {
	font-family: Consolas, Monaco, monospace;
}

button,
.button {
	padding: .2em .5em;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: .3em;
	background: hsl(75, 70%, 60%);
	background-image: url(../img/noise.png),
			linear-gradient(hsla(75, 70%, 60%, 0), hsl(75, 70%, 35%));
	background-origin: border-box;
	box-shadow: 0 1px white inset, 0 .2em .25em -.1em black;
	transition-property: box-shadow, background, border-width;
	transition-duration: .3s;
}

button:active,
.button:active {
	border: 0;
	background-color: hsl(75, 70%, 40%);
	box-shadow: 0 1px hsla(0,0%,100%,.3), 0 1px .3em .05em black inset;
}

a {
	text-decoration: none;
	color: inherit;
}